<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:sijyp="http://java.sun.com/jsf/composite/sijyp"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	<rich:panel id="tenenciaContainer" styleClass="border:none;">
		<ui:param name="disableTenenciaFields"
			value="#{bienTenenciaManager.reading or bienManager.reading}" />

		<script type="javascript">
addTextAreaCounterByClass();</script>
		<h:panelGrid columns="4" width="100%"
			columnClasses="tenenciaFirstColumn, , , ">
			<ui:include src="/general/topBienesFormsFields.xhtml">
				
				
				<ui:param name="etapaGestionValue"
					value="#{bienTenenciaManager.bienTenencia.bien.tpEtapaGestion.nombre}" />
				<ui:param name="requiredEtapaGestion" value="false" />
				<ui:param name="disabledEtapaGestion" value="true" />
				<ui:param name="prepId" value="tenencia" />
			</ui:include>
		</h:panelGrid>
		<hr />
		<br />
		<h:panelGrid columns="2" width="100%"
			columnClasses="tenenciaFirstColumn, ">
			<ui:include src="/general/personaField.xhtml">
				<ui:param name="personaNombre"
					value="#{bienTenenciaManager.bienTenencia.personaNombre}" />
				<ui:param name="idPopupPersona" value="popUpTenedor" />
				<ui:param name="requiredField" value="true" />
				<ui:param name="fieldLabel"
					value="${msg['bienes.tenencia.tenedor']}" />
				<ui:param name="inputTextClass" value="long longPersona" />
				<ui:param name="invokerBean" value="#{bienTenenciaManager}" />
				<ui:param name="prepId" value="tenencia" />
				<ui:param name="disabledField" value="#{disableTenenciaFields}" />
				<ui:param name="onOpenRenderComponents"
					value=":popUpTenedorComponent" />
			</ui:include>
		</h:panelGrid>

		<h:panelGrid columns="6" width="100%" id="fieldsTenenciaContainer"
			columnClasses="tenenciaFirstColumn, , , , , ">

			<h:outputLabel value="${msg['bienes.tenencia.tipoDeDocumento']}" />
			<h:inputText id="personaTipoDocTenenciaIT"
				value="#{bienTenenciaManager.bienTenencia.personaTipodoc}"
				disabled="true" />

			<h:outputLabel value="${msg['bienes.tenencia.numeroDeDocumento']}" />
			<h:inputText id="personaNumDocIT"
				value="#{bienTenenciaManager.bienTenencia.personaNumdoc}"
				disabled="true" />

			<h:outputText value="" />
			<h:outputText value="" />

			<h:panelGrid columns="2">
				<h:outputLabel value="${msg['bienes.tenencia.tiempoDeTenencia']}" />
				<h:outputLabel value="*" rendered="#{not disableTenenciaFields}" />
			</h:panelGrid>
			<h:panelGrid columns="2"
				columnClasses="smallPaddingRight,smallPaddingLeft">
				<h:panelGrid>
					<h:inputText id="tiempoValorTenenciaIT"
						disabled="#{disableTenenciaFields}"
						validatorMessage="${msg['general.requerido']}"
						value="#{bienTenenciaManager.bienTenencia.tiempoValor}"
						styleClass="shortField shortFieldInput numeric" />
					<h:message for="tiempoValorTenenciaIT"
						errorClass="validationErrorMessage" showSummary="false" />
				</h:panelGrid>

				<h:panelGrid>
					<h:selectOneMenu id="tiempoUnidadTenenciaCB"
						disabled="#{disableTenenciaFields}"
						validatorMessage="${msg['general.requerido']}"
						value="#{bienTenenciaManager.bienTenencia.tiempoUnidad}"
						styleClass="shortField shortFieldInput">
						<f:selectItems value="#{applicationBean.unidadesTiempo}" />
					</h:selectOneMenu>
					<h:message for="tiempoUnidadTenenciaCB"
						errorClass="validationErrorMessage" showSummary="false" />
				</h:panelGrid>
			</h:panelGrid>

			<h:panelGrid columns="2">
				<h:outputLabel value="${msg['bienes.tenencia.tipoDeTenencia']}" />
				<h:outputLabel value="*" rendered="#{not disableTenenciaFields}" />
			</h:panelGrid>
			<h:panelGrid>
				<h:selectOneMenu id="tipoTenenciaCB"
					disabled="#{disableTenenciaFields}"
					requiredMessage="${msg['general.requerido']}"
					validatorMessage="${msg['general.requerido']}"
					value="#{bienTenenciaManager.bienTenencia.tpTenenciaBien.tpTenencia}">
					<f:selectItems value="#{applicationBean.tpTenenciaBiens}" />
					<f:ajax execute="@this"
						render="cualLabelContainer cualDataContainer"
						listener="#{bienTenenciaManager.onTipoTenenciaChange}" />
				</h:selectOneMenu>
				<h:message for="tipoTenenciaCB" errorClass="validationErrorMessage"
					showSummary="false" />
			</h:panelGrid>

			<h:panelGrid columns="2" id="cualLabelContainer">
				<h:outputLabel value="${msg['bienes.tenencia.cual']}"
					rendered="#{bienTenenciaManager.renderCual}" />
				<h:outputLabel value="*"
					rendered="#{bienTenenciaManager.renderCual}" />
			</h:panelGrid>
			<h:panelGrid id="cualDataContainer">
				<h:inputText id="cualTenenciaIT" maxlength="50" required="true"
					requiredMessage="${msg['general.requerido']}"
					disabled="#{disableTenenciaFields}"
					value="#{bienTenenciaManager.bienTenencia.otroTipo}"
					rendered="#{bienTenenciaManager.renderCual}" />
				<h:message for="cualTenenciaIT" errorClass="validationErrorMessage"
					showSummary="false" />
			</h:panelGrid>

		</h:panelGrid>

		<h:panelGrid columns="2" width="100%"
			columnClasses="tenenciaFirstColumn, ">
			<h:outputLabel value="${msg['bienes.tenencia.observaciones']}" />
			<h:panelGrid>
				<h:inputTextarea id="descripcionTenencia" style="width:100%"
					styleClass="long count250" rows="4"
					value="#{bienTenenciaManager.bienTenencia.observaciones}"
					disabled="#{disableTenenciaFields}">
					<f:validateLength maximum="250" />
				</h:inputTextarea>
			</h:panelGrid>
		</h:panelGrid>


		<h:panelGroup style="text-align:center;" layout="block">
			<h:commandButton rendered="#{not disableTenenciaFields}"
				action="#{bienTenenciaManager.guardarTenencia}"
				value="#{bienTenenciaManager.creating ? msg['boton.adicionar'] : (bienTenenciaManager.updating ? msg['boton.modificar'] : '')}">
				<f:ajax execute="@this tenenciaContainer"
					render=":sijypMessages tenenciaContainer" />
			</h:commandButton>
			<h:commandButton value="${msg['boton.cancelar']}"
				rendered="#{not bienManager.reading}"
				action="#{bienTenenciaManager.init}">
				<f:ajax render="tenenciaContainer :sijypMessages" execute="@this" />
			</h:commandButton>
		</h:panelGroup>
		<br />
		<ui:include src="tenenciaTable.xhtml" />
	</rich:panel>


	<sijyp:confirmDialog message="${msg['general.confirmaBorrar']}"
		confirmId="confirmDeleteTenencia"
		renderComponents="confirmDeleteTenencia :sijypMessages :formTabs:tenenciaContainer"
		acceptAction="#{bienTenenciaManager.deleteTenencia}" />
</ui:composition>
